<template>
  <div id="app" class="main-container">
    <div id="nav" class="side-box">
      <sidebar />
    </div>
    <div class="router-box">
      <router-view/>
    </div>
  </div>
</template>
<script>
import sidebar from '@/components/sidebar'

export default {
  components: { sidebar }

}
</script>
<style lang="less">
.main-container{
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  .side-box{
    width: 100px;
    border-right: 1px solid #ddd;
    padding: 10px;
  }
  .router-box{
    padding: 10px;
  }
}
</style>
